<template>
  <div>
    <h1>Home</h1>
    <button @click="router.push('/home/play')">goPlay</button>
    <router-link to="/home/news"><span>goNews</span></router-link>
    <hr />
    <router-view></router-view>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Home",
});
</script>

<script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();
</script>

<style  scoped >
button {
  margin-right: 10px;
}
</style>